Obtener NativeElement y asignarle evento click

Como obtener un elemento nativo de html usando angular y asociarle un evento de click

En el constructor definimos las siguientes injecciones:

 constructor(
    private el: ElementRef,
    private renderer: Renderer2
) {}

Y despues usamos el siguiente código para obtener la etiqueta que queramos y asignarle el evento de click:

 this.btnElement = (<HTMLElement>this.el.nativeElement)
    .querySelector('.mi-clase')!;

this.renderer.listen(this.btnElement, 'click', (event) => {
    console.log(event.srcElement.innerHTML);
});

En este caso ademas de asociar el evento de click usamos event para obtener el contenido de la etiqueta pulsada usando:

event.srcElement.innerHTML

NativeElement | onclick